﻿#pragma warning disable IDE1006
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace WUDI.ECharts.Timeline
{
	/// <summary>
	/// 『控制按钮』的样式。『控制按钮』包括。『播放按钮』、『前进按钮』、『后退按钮』。
	/// </summary>
	public class ControlStyle
	{

		/// <summary>
		/// 是否显示『控制按钮』。设置为 false 则全不显示。
		/// </summary>
		public dynamic show { get; set; }  = true;

		/// <summary>
		/// 是否显示『播放按钮』。
		/// </summary>
		public dynamic showPlayBtn { get; set; }  = true;

		/// <summary>
		/// 是否显示『后退按钮』。
		/// </summary>
		public dynamic showPrevBtn { get; set; }  = true;

		/// <summary>
		/// 是否显示『前进按钮』。
		/// </summary>
		public dynamic showNextBtn { get; set; }  = true;

		/// <summary>
		/// 『控制按钮』的尺寸，单位为像素（px）。
		/// </summary>
		public dynamic itemSize { get; set; }  = 22;

		/// <summary>
		/// 『控制按钮』的间隔，单位为像素（px）。
		/// </summary>
		public dynamic itemGap { get; set; }  = 12;

		/// <summary>
		/// 『控制按钮』的位置
		/// <para>
		/// 当 timeline.orient
		/// </para>
		/// <para>
		/// #timeline.orient 为 horizontal时，left、right有效
		/// </para>
		/// <para>
		/// 当 timeline.orient
		/// </para>
		/// <para>
		/// #timeline.orient 为 vertical时，top、bottom有效
		/// </para>
		/// </summary>
		public dynamic position { get; set; }  = "left";

		/// <summary>
		/// 『播放按钮』的『可播放状态』的图形
		/// <para>
		/// 可以通过 image://url 设置为图片，其中 URL 为图片的链接，或者 dataURI
		/// </para>
		/// <para>
		/// 可以通过 path:// 将图标设置为任意的矢量路径
		/// </para>
		/// <para>
		/// 这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色
		/// </para>
		/// <para>
		/// 路径图形会自适应调整为合适的大小
		/// </para>
		/// <para>
		/// 路径的格式参见 SVG PathData
		/// </para>
		/// <para>
		/// <see href="http://www.w3.org/TR/SVG/paths.html#PathData"/>
		/// </para>
		/// <para>
		/// 可以从 Adobe Illustrator 等工具编辑导出
		/// </para>
		/// </summary>
		public dynamic playIcon { get; set; } 

		/// <summary>
		/// 『播放按钮』的『可停止状态』的图形
		/// <para>
		/// 可以通过 image://url 设置为图片，其中 URL 为图片的链接，或者 dataURI
		/// </para>
		/// <para>
		/// 可以通过 path:// 将图标设置为任意的矢量路径
		/// </para>
		/// <para>
		/// 这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色
		/// </para>
		/// <para>
		/// 路径图形会自适应调整为合适的大小
		/// </para>
		/// <para>
		/// 路径的格式参见 SVG PathData
		/// </para>
		/// <para>
		/// <see href="http://www.w3.org/TR/SVG/paths.html#PathData"/>
		/// </para>
		/// <para>
		/// 可以从 Adobe Illustrator 等工具编辑导出
		/// </para>
		/// </summary>
		public dynamic stopIcon { get; set; } 

		/// <summary>
		/// 『后退按钮』的图形
		/// <para>
		/// 可以通过 image://url 设置为图片，其中 URL 为图片的链接，或者 dataURI
		/// </para>
		/// <para>
		/// 可以通过 path:// 将图标设置为任意的矢量路径
		/// </para>
		/// <para>
		/// 这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色
		/// </para>
		/// <para>
		/// 路径图形会自适应调整为合适的大小
		/// </para>
		/// <para>
		/// 路径的格式参见 SVG PathData
		/// </para>
		/// <para>
		/// <see href="http://www.w3.org/TR/SVG/paths.html#PathData"/>
		/// </para>
		/// <para>
		/// 可以从 Adobe Illustrator 等工具编辑导出
		/// </para>
		/// </summary>
		public dynamic prevIcon { get; set; } 

		/// <summary>
		/// 『前进按钮』的图形
		/// <para>
		/// 可以通过 image://url 设置为图片，其中 URL 为图片的链接，或者 dataURI
		/// </para>
		/// <para>
		/// 可以通过 path:// 将图标设置为任意的矢量路径
		/// </para>
		/// <para>
		/// 这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色
		/// </para>
		/// <para>
		/// 路径图形会自适应调整为合适的大小
		/// </para>
		/// <para>
		/// 路径的格式参见 SVG PathData
		/// </para>
		/// <para>
		/// <see href="http://www.w3.org/TR/SVG/paths.html#PathData"/>
		/// </para>
		/// <para>
		/// 可以从 Adobe Illustrator 等工具编辑导出
		/// </para>
		/// </summary>
		public dynamic nextIcon { get; set; } 

		/// <summary>
		/// 按钮颜色。
		/// </summary>
		public dynamic color { get; set; }  = "#304654";

		/// <summary>
		/// 按钮边框颜色。
		/// </summary>
		public dynamic borderColor { get; set; }  = "#304654";

		/// <summary>
		/// 按钮边框线宽。
		/// </summary>
		public dynamic borderWidth { get; set; }  = 1;

	}
}